<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>添加用户</title>
</head>
<body>

    
		<form>
			
			<label>
				用户：
				<input type="text" name="user_name" id="user_name" />
			</label>
			<br/>
			<label>
				密码：
				<input type="text" name="user_pass" id="user_pass" />
			</label>


			<br/>
			<label>
				邮箱：
				<input type="text" name="user_email" id="user_email" />
			</label>
			<br/>

			<label>
				地址：
				<input type="text" name="user_address" id="user_address" />
			</label>
			<br/>
			<label>
				电话：
				<input type="text" name="user_phone" id="user_phone" />
			</label>


			<br/>
			<label>
				性别：
				<input type="text" name="user_sex" id="user_sex" />
			</label>
			<br/>
			
			<label>
				年龄：
				<input type="text" name="user_age" id="user_age" />
			</label>
			<br/>
			

			 <div style="width:100px;height:30px;background:#ccc;margin:30px;text-align:center;line-height:30px;" id="add_user" >添加</div>
		</form>


<script type="text/javascript" src="__PUBLIC__/js/jquery-2.1.0.js"></script>
<script type="text/javascript">
	//当点击 #add_user 按钮时，触发事件  提交数据
	$('#add_user').on('click',function(){


		//要提交的数据
		var data = {
			user_name:$('#user_name').val(),
			user_pass:$('#user_pass').val(),
			user_email:$('#user_email').val(),
			user_address:$('#user_address').val(),
			user_phone:$('#user_phone').val(),
			user_sex:$('#user_sex').val(),
			user_age:$('#user_age').val(),
		}

		//使用ajax  $.post 提交数据
		var url = '{:U("add_act")}';
		$.post(url,data,function(result){
			//这里处理提交成功后的行为
			//添加成功弹出添加成功提示窗口
            if(result.status == 1){
				alert(result.msg);
				window.location.href = '{:U('user_list')}';
			}
			else{
				alert(result.msg);//添加失败弹出添加失败提示窗口
			}
		});
    });









</script>


	
</body>
</html>